<template>
    <div class="index body">
        <div class="HomeImg">
            <img src="../../assets/image/banner01.jpg" alt="">
        </div>
        <div class="wrap  body">
            <div class="indexicon">
                <ul class="clear">                 
                    <li>
                        <router-link to="/Budget">
                            <p class="yusuan"><img src="../../assets/image/index-main-icon01.png" class="img img_h" alt=""></p>
                            <p class="words">预&nbsp;算</p>
                        </router-link></li>
                    <li>

                        <p class="feiyong"><img src="../../assets/image/index-main-icon02.png" class="img img_h" alt=""></p>
                        <p class="words">费&nbsp;用</p>
                    </li>
                    <li>

                        <p class="jingying"><img src="../../assets/image/index-main-icon03.png" class="img img_h" alt=""></p>

                        <p class="words wordsNames">经营大数据</p>
                    </li>
                    <li>

                        <p class="zhuanxiang"><img src="../../assets/image/index-main-icon04.png" class="img img_h" alt=""></p>

                        <p class="words">专&nbsp;项</p>
                    </li>
                    <li>

                        <p class="renshi"><img src="../../assets/image/index-main-icon05.png" class="img img_h" alt=""></p>

                        <p class="words">人&nbsp;事</p>
                    </li>
                    <li>

                        <p class="wuzi"><img src="../../assets/image/index-main-icon06.png" class="img img_h" alt=""></p>

                        <p class="words">物&nbsp;资</p>
                    </li>
                    <li>

                        <p class="shangmao"><img src="../../assets/image/index-main-icon07.png" class="img img_h" alt=""></p>

                        <p class="words">商&nbsp;贸</p>
                    </li>
                    <li>

                        <p class="baoxiang"><img src="../../assets/image/index-main-icon08.png" class="img img_h" alt=""></p>

                        <p class="words">预&nbsp;定</p>
                    </li>
                    <li>

                        <p class="xinpinjingling"><img src="../../assets/image/index-main-icon09.png" class="img img_h" alt=""></p>

                        <p class="words wordsName">新品精灵</p>
                    </li>
                </ul>
            </div>
            <div class="clear work">
                <!--<div class="photo"><img :src="userInfo.avatar"></div>-->
                <div>
                    <img src="../../assets/image/user-head.jpg" alt="">
                </div>
                <div>
                    <div class="userName">
                        <p>前端</p>
                        <p>王三</p>
                    </div>
                    <div class="UserWarn">
                        暂无待办事项
                    </div>
                </div>
            </div>

        </div>


    </div>
</template>

<script>
    import Vue from 'vue'
    //   Vue.use(VueResource);

    export default {
        name: 'index',
        data() {
            return {

                userInfo: {
                    name: '姓名',
                    bmmc: '部门名称',
                    zw: '职位',
                    mobile: '电话',
                    avatar: "../../static/img/default-avatar.png"
                },
            }
        },
        mounted: function () {



        },
        methods: {

        }
    }
</script>

<style scoped>
   
 @import "./style.less"
  
</style>